<template>
	<view class="">
		<cu-custom bgColor="bg-gradual-green" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">选择教练</block>
		</cu-custom>
		<view>
				<view class="tou" style="border-bottom: 1upx solid #ddd; background: #ffffff;">
					<view class="zuo">
						<view class="ns">
							ns
						</view>
					</view>
					<view class="zhong">
						<view class="qq">
							<view class="dem">
								Demons
							</view>
						</view>
						<view class="bb">
							183****2359
						</view>
					</view>
				</view>
				<view class="dibu">
					<view class="diz">
						确定
					</view>
				</view>
			</view>
	</view>
</template>

<script>
</script>

<style>
	.tou{
		width: 100%;
		height: 120upx;
		display: flex;
		align-items: center;
	}
	.zuo{
		width: 80upx;
		height: 80upx;
		border: #5ab6a1 1upx solid;
		border-radius: 40upx;
		background: #5ab6a1;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 30upx;
	}
	.ns{
		color: #ffffff;
	}
	.zhong{
		
	}
	.qq{
		display: flex;
		align-items: baseline;
		margin: 5upx 30upx;
	}
	.dem{
		font-size: 28upx;
	}
	.bb{
		font-size: 28upx;
		margin: 5upx 30upx;
		color: #c4c4c4;
	}
	.dibu{
		height: 100upx;
		background: #408ce2;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.diz{
		font-size: 40upx;
		color: #ffffff;
	}
</style>
